<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#father{
	width:700px;
	height:520px;
	margin:auto;
	}
#div01{
	background-color:#090;
	width:700px;
	height:200px;
	margin-bottom: 20px;
	margin-top:20px;
	}
#div02{
	background-color:#C3C;
	width:180px;
	height:200px;
	float:left;
	margin-right:80px;
	}
#div04{
	background-color:#30F;
	width:200px;
	height:200px;
	
	float:left;
	margin-left::20px;
	}
#div03{
	background-color:#FF3;
	width:180px;
	height:200px;

	float:right;
	}
#div05{
	background-color:#000;
	width:700px;
	height:200px;
	margin-top:20px;

	float:left;
	}
p{
	text-align:center;
	}


</style>

</head>

<body  >

<div id="father">
<div id="div01"><p>不动</p></div>
<div id="div02"><p>左动</p></div>
<div id="div03"><p>右动</p></div>
<div id="div04"><p>加</p></div>
<div id="div05"><p><font color="#FF0000">下</font></p></div>
</div>

</body>

</html>
